<template>
  <div class="alarm-info">
    <div class="row">
      <b-cell label="报警内容">
        <slot>
          {{ params.cdLocation }}
          {{ params.sensorName }}
          {{ params.alarmTypeName }}
          <span v-if="params.alarmType != '004' && params.maxValue">
            最大值：{{ params.maxValue }}{{ params.unitCode }}
          </span>
          <span v-if="params.alarmType != '004' && params.maxTime"
            >最大值时刻：{{ params.maxTime }}</span
          >
        </slot>
      </b-cell>
    </div>
    <div class="row">
      <b-cell label="报警原因" :content="params.alarmReason || '--'" />
    </div>
    <div class="row">
      <b-cell label="处置措施" :content="params.alarmResult || '--'" />
    </div>
    <div class="row">
      <b-cell label="报警类型" :content="params.alarmTypeName || '--'" />
      <b-cell label="最大值" :content="params.maxValue + params.unitCode || '--'" />
      <b-cell label="处置情况" :content="params.disposalLevelName || '--'" />
    </div>
    <div class="row">
      <b-cell label="开始时间" :content="params.beginDate || '--'" />
      <b-cell label="结束时间" :content="params.endDate || '--'" />
      <b-cell label="持续时长" :content="params.keepTimeStr || '--'" />
    </div>
    <div class="row">
      <b-cell label="监测数据">
        <slot>
          <div>
            量&emsp;&emsp;程：下限{{ params.quantumLowerLimit || ' -- ' }}，上限{{
              params.quantumHigherLimit || ' -- '
            }}；
          </div>
          <div>
            报警门限：下限{{ params.alertLowerLimit || ' -- ' }}，上限{{
              params.alertHigherLimit || ' -- '
            }}；
          </div>
          <div>
            解报门限：下限{{ params.alertLowerClose || ' -- ' }}，上限{{
              params.alertHigherClose || ' -- '
            }}；
          </div>
          <div>
            断电门限：下限{{ params.pdownValueLower || ' -- ' }}，上限{{
              params.pdownValueHigher || ' -- '
            }}；
          </div>
          <div>
            复电门限：下限{{ params.pupValueLower || ' -- ' }}，上限{{
              params.pupValueHigher || ' -- '
            }}；
          </div>
        </slot>
      </b-cell>
    </div>
  </div>
</template>
<script setup lang="ts">
import BCell from '@/components/b-cell.vue'

defineProps<{
  params: Object
}>()
</script>
<style scoped lang="scss">
.alarm-info {
  position: relative;
  height: 100%;
  .empty-box {
    position: relative;
    display: flex;

    flex: 1;
    min-width: 150px;
  }
  .row {
    position: relative;
    display: flex;
    gap: calc(16px * var(--scale));
    margin-bottom: calc(16px * var(--scale));
  }
  .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
    .person-img {
      border-radius: 50%;
      height: calc(2.2em * 2 + calc(16px * var(--scale)));
    }
  }
}
</style>
